<template>
  <div class="app-container">
    医院设置添加
    <el-form label-width="120px">
               <el-form-item label="医院名称">
                    <el-input v-model="hospitalSet.hosname" />
                 </el-form-item>
                 <el-form-item label="医院编号">
                      <el-input v-model="hospitalSet.hoscode" />
                   </el-form-item>
                   <el-form-item label="api基础路径">
                        <el-input v-model="hospitalSet.apiUrl" />
                     </el-form-item>
                     <el-form-item label="联系人姓名">
                          <el-input v-model="hospitalSet.contactsName" />
                       </el-form-item>
                       <el-form-item label="联系人手机">
                            <el-input v-model="hospitalSet.contactsPhone" />
                         </el-form-item>
                <el-form-item>
                  <el-button type="primary" @click="saveOrUpdate">
                    保存</el-button>
                  </el-button type="primary" @click="saveorupdate">
                </el-form-item>
                        </el-form>
              </el-form-item label="联系人手机">
            </el-form-item label="联系人姓名">
          </el-form-item label="api基础路径">
        </el-form-item label="医院编号">
      </el-form-item label="医院名称">
    </el-form label-width="120px">
  </div>
</template>
<script>
// 引入接口文件
import hospset from '@/api/hospset' // .js可省略
export default {
  data() {
    return {
      hospitalSet: {}
    }
  },
  created() { // 在页面渲染之前执行
    // 获取路由id值
    // 调用接口得到医院设置信息
    if (this.$route.params && this.$route.params.id) {
      const id = this.$route.params.id
      this.getHospSet(id)
    } else { // 清空表单文本（AppMain.vue文件开启router-view标签key）
      this.hospitalSet = {}
    }
  },
  methods: {
    // 根据id查询
    getHospSet(id) {
      // 调用接口得到医院设置信息
      hospset.getHospSet(id)
        .then(response => {
          this.hospitalSet = response.data
        })
    },
    // 添加
    save() {
      hospset.saveHospSet(this.hospitalSet)
        .then(response => {
          // 提示信息
          this.$message({
            type: 'success',
            message: '添加成功!'
          })
          // 跳转列表页面，使用路由跳转方式实现
          this.$router.push({ path: '/hospSet/list' })
        })
    },
    // 修改
    update() {
      hospset.updateHospSet(this.hospitalSet)
        .then(response => {
          // 提示信息
          this.$message({
            type: 'success',
            message: '修改成功!'
          })
          // 跳转列表页面，使用路由跳转方式实现
          this.$router.push({ path: '/hospSet/list' })
        })
    },
    // 修改或添加
    saveOrUpdate() {
      if (!this.hospitalSet.id) { // 无id，添加
        this.save()
      } else { // 有id，修改
        this.update()
      }
    }
  }
}
</script>
